page-layout2 {
    ion-header ion-navbar ion-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        .name {
            font-size: 15px;
        }
        .state {
            font-size: 10px;
            height: 15px;
            font-weight: 400;
        }
    }
    .scroll-content {
        background-color: #F5F5F5 !important;
    }
    .l2 {
        width: 100%;
        height: 100%;
        transition: all 0.3s;
        transform-origin: center top 0px;
    }
    gridster {
        background: #F5F5F5;
        gridster-item {
            background: none;
            border-radius: 6px;
            font-size: 12px;
            color: #595959;
            box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
        }
    }
    .flexbox {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    .layout-bar {
        bottom: 0;
        position: absolute;
        z-index: 999;
        display: flex;
        width: 100%;
        height: 75px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        .h-line {
            width: 100%;
            height: 1px;
            background-color: #EBEBEB;
            margin-top: 3px;
        }
        .scrollHeight {
            height: 100%;
            width: 95%;
        }
        .buttonGroupBox {
            display: flex;
            align-items: center;
            flex-direction: row;
            justify-content: flex-start;
            padding: 5px 3px 3px 3px; // background-color: #eb8f8f;
        }
        .bar-item {
            // margin-right: 10px;
            padding-right: 10px;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            .btn {
                border-radius: 6px;
                background: #fff;
                width: 45px;
                height: 45px;
                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
                font-size: 30px;
                color: #585858;
                display: flex;
                align-items: center;
                justify-content: center;
                img {
                    width: 40px;
                    height: 40px;
                }
            }
            .btn:active {
                transform: scale(0.95, 0.95);
            }
            .name {
                margin: 3px;
                font-size: 12px;
                color: #595959;
            }
        }
    } // $layout-box:3px;
    [box-margin] {
        margin: 3px;
    }
    .edit {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 9;
    }
}